<template>
    <el-container class="layout-container-demo" style="height: 100%;">
        <el-aside width="200px" height="100vh" style="border:darkgray 1px solid;">
            <AsideBoard></AsideBoard>
        </el-aside>

        <el-container>
            <el-header style="text-align: right; font-size: 12px; border:darkgray 1px solid; background-color:aliceblue">
                <HeaderBoard></HeaderBoard>
            </el-header>

            <el-main style="text-align: right; font-size: 12px; border:darkgray 1px solid;">
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>
  
<script>
import AsideBoard from '@/components/AsideBoard.vue'
import HeaderBoard from '@/components/HeaderBoard.vue'


export default {
    name: "FindFileView",
    components: {
        AsideBoard,
        HeaderBoard,
    },
    created() {
        this.$router.push('/mainboard');
    }
}
</script>
  
<style scoped>
.layout-container-demo .el-header {
    position: relative;
    background-color: var(--el-color-primary-light-7);
    color: var(--el-text-color-primary);
}

.layout-container-demo .el-aside {
    color: var(--el-text-color-primary);
    background: var(--el-color-primary-light-8);
}

.layout-container-demo .el-menu {
    border-right: none;
}

.layout-container-demo .el-main {
    padding: 0;
}

.layout-container-demo .toolbar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    right: 20px;
}
</style>
  